.pull-right.userPanel {position: absolute;top: 0;right: 0;z-index: 1;}
.userPanel > div, .userPanel > p {float: left; margin: 0;line-height: 13px;font-size: 0.9em;}
.userPanel img {height: 25px;border-radius: 50%;width: 25px;margin: 3px 5px;border: 2px solid #929292;}
.userPanel > p:first-child { margin-top: 3px;}
.userPanel .small {font-size: 0.9em!important;}
.userPanel a { padding: 3px 10px;margin: 3px;}

body,html{height:100%}
	body{background-color:#fff; margin:0;padding:0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;}

#topBar{background-color: #00507c; min-height:20px;}
.container{ /*width:100%; max-width:955px; margin:0 auto;*/position: relative;}
.noStyle{margin: 0; padding: 0; list-style: none}
.topBarMenu {float: right;}
	.topBarMenu li{float: left; text-transform: uppercase;height: 20px;}
	.topBarMenu li a{text-decoration: none;color: #fff;font-weight: bold;padding: 0 7px 2px 7px;font-size: 0.8em;vertical-align: text-bottom;}
		.topBarMenu li.open a {background: #fff;color: #00507C;padding: 10px 7px;border-right: 5px solid;}

header {background: url(../images/banner_1.png) no-repeat center;min-height: 450px;background-size: cover;border-bottom: 3px solid;}
	.topMenu {overflow: auto;background: #157bbe;background: rgba(21,123,190,0.8);min-height: 60px;box-sizing: border-box;}
	.containerLogo {background: #fff;height: 60px;}
		.containerLogo img {position: absolute;top: -11px;left: 30px;}
	
	.search_site {position: absolute;left: 100%;top: 20px; margin-left: -50px}
	
	.servicesItems {margin-bottom: 10px;overflow: auto;}
		.servicesItems li {float: left;width: 33.33%;text-align: center;}
			.servicesItems a {display: block;max-width: 100px;height: 100px;margin: 0 auto;border-radius: 50%;overflow: hidden;}
				.servicesItems img {width: inherit;height: 100%;}
				
	.topMenuItems {padding: 0 5px; float:left;width:100%;box-sizing: border-box;}
	.topMenuItems li{float: left; text-transform: uppercase}
	.topMenuItems li a{text-decoration: none;color: #fff;font-weight: bold;padding: 0 7px 2px 7px;font-size: 0.8em;vertical-align: middle;line-height: 55px;}
	
	#menuLogin .dropdown-menu {min-width:300px;border-radius: 0;margin-top: -1px;border-color: #00507C;border-width: 5px;border-top-width: 0;padding: 14px;}
	
	form.loginform {margin: 0;}
	form.loginform input {margin-bottom: 7px;}
	form.loginform input[type="submit"] {margin: 0 0 0 auto;padding: 5px 11px;display: block;}

	.frase {position: absolute;left: 20px;top: 200px;background: #fff;font-size: 1.5em;padding: 10px 20px 10px 10px;border-right: 5px solid #00507c;max-width: 230px;}
		.frase:after {content: "";width: 40px;height: 40px;float: right;display: inline-block;background: #00507c;margin-right: -41px;border-radius: 50%;margin-top: -19px;top: 50%;position: absolute;right: 18px;border: 2px solid #fff;}

	.cite {padding: 20px;font-weight: bold;text-align: center;}
		.cite:before {content: "\"";font-size: 40px;font-family: monospace;}
		.cite:after {content: "\"";font-size: 40px;font-family: monospace;vertical-align: text-top;}
		
	section.odd {background: #f2f2f2;overflow: auto;padding: 20px;}
	.col-md-6{float:left; width:50%; padding:0 10px; box-sizing:border-box}
	
	footer {background: #bebebe;padding: 20px;overflow: auto;border-top: 2px solid;}
		footer li a{color:#333!important}
		
	.hidden{display: none!important}
	
	@media screen and (min-width: 640px) {
		.servicesItems li {width: 20%;}
		.containerLogo {margin-left: -330px;float: left;width: 330px;/*position: relative;*/height: 60px;}
		.topMenu {float: left;width: 100%;min-height: 60px;padding-left: 330px;box-sizing: border-box;}
		.search_site {left: 300px;margin-left:0}
	}